dateMenu: Add some spacing between weather header and location

In case of a very long location name, the label may take up all
available space. Make sure there is at least some spacing between
header and location in that case.

https://gitlab.gnome.org/GNOME/gnome-shell/issues/1927

diff --git a/data/theme/gnome-shell-sass/_common.scss b/data/theme/gnome-shell-sass/_common.scss
index ea20b1e644dfee02a7bfa5ed3dd4d0e06be216eb..563d32c97b115b0904d5944a00a8241ba51f0e6b 100644 (file)
--- a/data/theme/gnome-shell-sass/_common.scss
+++ b/data/theme/gnome-shell-sass/_common.scss
@@ -977,6 +977,7 @@ StScrollBar {
       spacing-columns: 0.8em;
     }
 
+    .weather-header-box,
     .weather-box {
       spacing: 0.4em;
     }

diff --git a/js/ui/dateMenu.js b/js/ui/dateMenu.js
index 0b9c0d932b9e90a72a6faeb2bcc8569fb0989acd..4595d6cfb2fd19298142f5958139568b8b5d1924 100644 (file)
--- a/js/ui/dateMenu.js
+++ b/js/ui/dateMenu.js
@@ -267,7 +267,7 @@ class WeatherSection extends St.Button {
 
         this.child = box;
 
-        let titleBox = new St.BoxLayout();
+        let titleBox = new St.BoxLayout({ style_class: 'weather-header-box' });
         titleBox.add_child(new St.Label({
             style_class: 'weather-header',
             x_align: Clutter.ActorAlign.START,